@import url(http://fonts.googleapis.com/css?family=Strait);

body {background:#fff;}

header {width:1200px;margin:30px auto 0 auto;text-align:center;}
header > h1 {background:#bcbcbc;display:inline-block;}
header > h1 > a {display:block;padding:5px;color:#fff;font-family:"Strait", sans-serif;font-size:40px;line-height:1.2;}
header > h1:hover {background:#00c8c8;}

header > nav > ul {margin-top:20px;font-size:0;}
header > nav > ul > li {display:inline-block;background:#424242;margin:5px;}
header > nav > ul > li > a {display:block;padding:10px;color:#fff;height: 20px;
line-height: 20px;
font-size: 20px;}
header > nav > ul > li:hover {background:#007c7c}


section {font-size:0;width:1200px;margin:0 auto;}

section > div {
margin:5px;width:388px;float:left;color: #fff;border:1px solid #ddd;border-radius:3px;
}
section > div.item > h2 {font-size:17px;color:#000;line-height:1.5;margin:10px;}
section > div.item > div.contents {font-size:12px;color:#333;line-height:1.7;margin:10px;}
section > div.item > div.time {margin:10px;font-size:15px;color:#ccc;text-align:right;}
section > div.item img {max-width:368px;}

#pagination {display:none;}

@media (max-width: 1199px) and (min-width: 800px) {
	header {width:800px;}
	section {width:800px;}
}
@media (max-width: 799px) {
	header {width:400px;}
	section {width:400px;}
}



.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}